<%-- 
    Document   : index
    Created on : 23-nov-2012, 12:29:36
    Author     : Roberto Corona
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<!DOCTYPE html>
<f:view>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>TeLoReparo - Contacto</title>
        </head>
        <body id="page1">
            <div class="extra">
                <div class="main">
                    <!--==============================header================================-->
                    <%@include file="WEB-INF/jspf/Header.jspf" %>
                    <!--==============================content================================-->
                    <section id="content">
                        <div class="wrapper">
                            <article>
                                <div class="indent-left">
                                    <h2>Contacto</h2>
                                    <h:form id="frm">
                                        <h:panelGrid columns="3" border="0">
                                            <!--==============================Nombre================================-->
                                            <h:outputText value="Nombre:"/>
                                            <h:inputText id="txtNombre" required="true" requiredMessage="Campo requerido"></h:inputText>
                                            <h:message styleClass="mensajeError" id="txtNombreError" for="txtNombre"/>
                                            <!--==============================Correo================================-->
                                            <h:outputText value="Correo"/>
                                            <h:inputText id="txtCorreo" required="true" requiredMessage="Campo requerido" validatorMessage="Formato de correo no válido.">
                                                <f:validateRegex pattern="^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,6})$" />
                                            </h:inputText>
                                            <h:message styleClass="mensajeError" id="txtCorreoEror" for="txtCorreo"/>
                                            <!--==============================Teléfono================================-->
                                            <h:outputText value="Teléfono:"/>
                                            <h:inputText id="txtTelefono" required="true" requiredMessage="Campo requerido"></h:inputText>
                                            <h:message styleClass="mensajeError" id="txtTelefonoError" for="txtTelefono"/>
                                            <!--==============================Mensaje================================-->
                                            <h:outputText value="Mensaje:"/>
                                            <h:inputTextarea id="txtMensaje" required="true" requiredMessage="Campo requerido"></h:inputTextarea>
                                            <h:message styleClass="mensajeError" id="txtMensajeError" for="txtMensaje"/>
                                        </h:panelGrid>
                                        <h:commandButton id="cmbEnviar" value="Enviar" />
                                    </h:form>
                                </div>
                            </article>
                        </div>
                        <div class="block">
                        </div>
                    </section>
                    <!--==============================footer================================-->
                    <%@include file="WEB-INF/jspf/Footer.jspf" %>
                </div>
            </div>
        </body>
    </html>
</f:view>